<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>人生！无所畏惧</title>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="https://cdn.bootcss.com/font-awesome/5.10.2/css/all.min.css" rel="stylesheet">
    <link rel="short icon" href="images/quantou.png">
    <link href="https://unpkg.com/bootstrap@4.3.1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="box">

        <!--header 结构 开始-->
        <header id="header">
            <div class="container">
                <div class="fear clearfix">
                    <h1>Fearless</h1>
                    <ul class="clearfix">
                        <li><a href="#ed">教育背景</a></li>
                        <li><a href="#ex">工作经历</a></li>
                        <li><a href="#ho">项目展示</a></li>
                        <li><a href="#ah">兴趣爱好</a></li>
                    </ul>
                </div>
                <div class="personal">
                    <h2>王文亮</h2>
                    <span>求职目标：前端工作岗位</span>
                </div>
                <div class="information">
                    <div class="p1 clearfix">
                        <div class="sr">
                            <i class="far fa-calendar-alt"></i>
                            <span>生日：2000.11.14</span>
                        </div>
                        <div class="dh">
                            <i class="fas fa-phone-alt i2"></i>
                            <span>电话：134 7228 6793</span>
                        </div>
                    </div>
                    <div class="p2 clearfix">
                        <div class="dz">
                            <i class="fas fa-map-marker-alt"></i>
                            <span>现居：河北省·保定市·望都县</span>
                        </div>
                        <div class="yx">
                            <i class="far fa-envelope i3"></i>
                            <span>邮箱：1942757123@qq.com</span>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!--header 结构 结束-->

        <!--main 结构 开始-->
        <main class="clearfix">
            <div class="container">
                <!--教育背景-->
                <div class="education clearfix" id="ed">
                    <h4>教育背景</h4>
                    <div class="text">
                        <span>2018.06-2019.12</span>
                        <span>泊头职业学院</span>
                        <span>IT（计算机）</span>
                        <span>专科</span>
                        <p>主修课程：</p>
                        <span>HTML/CSS</span>
                        <span>HTML5/CSS3</span>
                        <span>JavaScript</span>
                        <span>AJAX</span>
                        <span>Vue</span>
                    </div>
                </div>
                <!--工作经历-->
                <div class="experience clearfix" id="ex">
                    <div>
                        <h4>工作经历</h4>
                    </div>
                    <div class="text">
                        <p>
                            <span>2017.06-2017.09</span>
                            <span>廊坊京东方电子厂</span>
                            <span>岗位：点灯</span>
                        </p>
                        <p>
                            <span>2017.09-2018.01</span>
                            <span>北京影研科技有限公司</span>
                            <span>岗位：拍照</span>
                        </p>
                    </div>
                </div>
                <!-- 项目展示 -->
                <div class="project clearfix" id="ho">
                    <div>
                        <h4>项目展示</h4>
                    </div>
                    <ul class="clearfix">
                        <li><img src="images/index-1.png" alt=""></li>
                        <li><img src="images/index-2.png" alt=""></li>
                        <li><img src="images/index-3.png" alt=""></li>
                        <li><img src="images/index-4.png" alt=""></li>
                        <li><img src="images/index-5.png" alt=""></li>
                        <li><img src="images/index-6.png" alt=""></li>
                    </ul>
                </div>
                <!--兴趣爱好-->
                <div class="hobby clearfix" id="ah">
                    <div>
                        <h4>兴趣爱好</h4>
                    </div>
                    <div class="text">
                        <ul class="clearfix">
                            <li>
                                <i class="fas fa-futbol"></i>
                                <p>football</p>
                            </li>
                            <li>
                                <i class="fas fa-guitar"></i>
                                <p>guitar</p>
                            </li>
                            <li>
                                <img src="images/badminton.png" alt="">
                                <p>badminton</p>
                            </li>
                            <li>
                                <i class="fas fa-tape"></i>
                                <p>movie</p>
                            </li>
                            <li>
                                <i class="fas fa-basketball-ball"></i>
                                <p>basketball</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--自我评价-->
                <div class="evaluate clearfix" id="ev">
                    <div>
                        <h4>自我评价</h4>
                    </div>
                    <div class="text">
                        <ul>
                            <li>待人真诚，将心比心</li>
                            <li>善于协调人际关系，能做到与客户换位思考</li>
                            <li>心态不慌，为人亲和，富有良好的沟通</li>
                            <li>勤劳肯干，工作态度认真负责，能做好自己应该做的每一件事</li>
                        </ul>
                    </div>
                </div>
            </div>
        </main>
        <!--main 结构 结束-->

        <!--footer 结构 开始-->
        <footer>
            <!--返回顶部按钮-->
            <div class="scrolltop hid"><a href="#header">↑</a></div>
        </footer>
        <!--footer 结构 开始-->

    </div>



    
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="js/script.js"></script>
</body>

</html>